<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>商品详情</title>
		<script src="../js/mui.min.js"></script>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/index.css" />
		<style>
			/*.mui-table-view-cell:after {
			   background-color:#fff
			}
			.xqy_pribox .xqy_pri {
			    font-size: 16px;
			    font-weight: bold;
			    color: #f84d4d;
			    padding-right: 1%;
			}*/
			
			.my_share {
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background: rgba(0, 0, 0, .8);
				text-align: right;
				z-index: 1000;
			}
			
			.share-tip .a-know {
				position: absolute;
				bottom: 30px;
				left: 50%;
				height: 40px;
				line-height: 40px;
				margin-left: -55px;
				padding: 0 30px;
				border: 1px solid #fff;
				color: #fff;
				text-align: center;
			}
			
			input[type="number"] {
				-moz-appearance: textfield;
			}
		</style>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav show_bar_nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title"></h1>
		</header>
		<div class="mui-content" id="sp">
			<div class="spxq_slider">
				<img id="img" src="#">
			</div>
			<div class="xqy_top">
				<div class="spxq_nambox clearfix">
					<div ><strong id="goods_name" style="font-size:medium; text-align: center;"> 正宗妃子笑荔枝 基地直采 空运发货</strong></div>
						
					<div class="xqy_klist clearfix">

						<p style="float: left; font-size: 22px;" id="contacts"></p><em style="font-size: 16px;">电话：<em class='unit' id='tel'></em></em>
						
					</div>
					<div class="xqy_klist clearfix">

						<p style="float: left; font-size: 22px;" id="service_area"></p><em style="font-size: 16px; color: red;">价格：<em class='unit' style="color: red;" id='service_price' ></em></em>
						
					</div>
					
					<div class="xqy_klist clearfix">

					<p style="float: left; font-size: 22px;" id="time"></p>
						
					</div>
				<!--	<div class="spxq_fenx" onclick="javascript:$('#share-tip').show()" style="height:40px;"><span class="mui-icon mui-icon-paperplane"></span><br />分享</div>
				<div class="xqy_klist clearfix ">
					<p>
						<span class="mui-badge" style="font-size: 12px;" id='jc'></span>
						<span class="mui-badge" style="margin-right: -100px;"><em class='unit'></em></span>
					</p>
					<p>
						<span class="mui-badge" style="font-size: 12px;" id='address'></span>
						<span class="mui-badge" style="margin-right: -100px;"><em class='clicks'></em></span>
					</p>
					<p>
						<span class="mui-badge" style="font-size: 12px;" id='sctime'></span>
						<span class="mui-badge" style="margin-right: -100px;"><em class='sstime'></em></span>
					</p>
					<p>
						<span class="mui-badge" style="font-size: 12px;" id='yjamount'></span>
						<span class="mui-badge" style="margin-right: -100px;"><em class='zamount'></em></span>
					</p>
				</div>-->
				</div>

			</div>
			<!--<div class="xqy_shopbox">
				<div class="shopbox_top clearfix">
					<div class="shopb_t_l clearfix">
						<div class="shopb_img"><img id="shop_logo" src="images/toux.jpg"></div>
						<div class="shopb_info">
							<p class="shopb_nam" id="shop_name"></p>
							<p class="shopb_adre" id="goods_address"></p>
							<!--<p><span class="shopb_num"></span><div  id="goods_address" style="margin-tight:50px ;">店铺地址：</div></p>
							
						</div>
					</div>
					<div class="shopb_t_r">
						<p><span class="iconfont icon-shoucang guanzhu"></span></p>
					</div>
				</div>

				<div class="shopbox_btn" onclick="jd()">
					<a href="#" id="go_shop">农场逛逛</a>
				</div>
			</div>
			<div class="xqy_pjbox" id="pj">
				<p class="xqy_pjicon"><span class="iconfont icon-pingjia"></span>评价</p>
				<div class="xqy_pjnr">
					<p class="xqy_pjbt">宝贝评价</p>
					<div class="xqy_pjnone" id="pingjia">该商品暂无评价~</div>
					<ul class="xqy_pjlist" id="cut_pinjia">
						<!--<li>
							<div class="xqy_pjlis_mem">
								<span class="xqy_pjlis_memtx"><img src="images/toux.jpg"></span>
								<span class="xqy_pjlis_memnam">龙**</span>
								<span class="pjstar star05"></span>
							</div>
							<div class="xqy_pjlis_time">
								<span>2017-04-15</span>
								<span>颜色：蓝色 </span>
								<span>大小：40</span>
							</div>
							<div class="xqy_pjlis_info">最爱这种款式，而且颜色也是最喜欢的黑白配，非常好。鞋子没问题，正品，只是包装有点简陋，鞋盒有点点被压的感觉，鞋子没事，还可以接受。</div>
						</li>-->
					<!--</ul>
					<div class="xqy_pjbtn evaluation" style="display: none;">
						<a href="evaluation.html" id="all_pinjia">查看全部评价</a>
					</div>
				</div>-->
			<!--</div>-->
			<div class="xqy_conbox" id="xq">
				<p class="xqy_pjicon"><span class="iconfont icon-tupian"></span>商品详情</p>
				<div class="xqy_nrnone" id="xq_goods">该商品还未上传详情~</div>
			</div>
		</div>
	</body>

</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/app.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/castapp.js"></script>
<script type="text/javascript" src="../js/layer/layer.min.js"></script>
<script>
	//获取商品信息
	var nj_id= getUrlParam('nj_id');
		get_navigation();
		var loading = layer.load(0, {
			shade: false,
			time: 1 * 1000
		});
	var shop_id='';
	$.ajax({
		type:"post",
		url:APP.api_url + "nj/nj_xq",
		data:{
			'id':nj_id
		},
		dataType:'jsonp',
		success:function(data){
			if(data.code==200){
				var json=data.data;
				document.getElementById('goods_name').innerHTML=json['title'];
				document.getElementById('contacts').innerHTML='联系人：'+json.contacts;
				document.getElementById('tel').innerHTML=json.tel;
				document.getElementById('service_area').innerHTML='服务区域：'+json.service_area;
				document.getElementById('service_price').innerHTML=json.service_price;
				document.getElementById('time').innerHTML='服务时间：'+json.service_time1+'至'+json.service_time2;
				var strs=json.img.split("@");
				$('#img').attr('src',APP.pic_url+strs[0]);
				var xqhtml="";
				for (var i=0; i<strs.length;i++) {
				xqhtml+="<img src="+APP.pic_url+strs[i]+" /> <div style='height: 20px;'></div>";		
				}
				if(xqhtml != ""){
				document.getElementById('xq_goods').innerHTML=xqhtml;
				}

			}

		},
	
	});

	
</script>

